<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Title</title>
  <link rel="stylesheet" href="stylesheets/reset.css">
  <link rel="stylesheet" href="stylesheets/index.css">
</head>
<body>

<div id="app" class="app">
  <h1>{{ title }}</h1>
  <div class="input">
    <input type="text" v-model="text">
    <a @click="creatTodo" href="javascript:void(0)">发布</a>
  </div>
  <div class="list" v-if="todolist.length > 0">
    <div
      v-for="(item, index) of todolist"
      :key="index"
      class="item">
      {{ item.content }}
    </div>
  </div>
  <div v-else class="empty">
    暂无数据
  </div>
</div>
<script src="js/vue.js"></script>
<script src="js/index.js"></script>
</body>
</html>
